<template>
  <div class="list-item" @click="$emit('listClick')">
    <div class="slot-left">
      <slot name="left">
      
      </slot>
    </div>
    <div class="slot-content van-ellipsis">
        <slot></slot>
    </div>  
    <div class="slot-right">
      <slot name="right">
        
      </slot>
    </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped>
  .list-item{
    width: 50%;
    display: flex;
    font-size: .12rem;
    font-weight: 300;
    margin: .03rem 0;
  }
  .slot-left,.slot-right,.slot-content{
    height: .25rem;
    line-height: .25rem;
    padding: 0 .05rem;
  }
  .slot-left{
    padding: 0 .05rem;
  }
  .slot-content{
    flex:1;
  }
 
 
</style>